{% extends 'layout/main.html' %}

{% block main %}
<div class="main-container container" id="main">
  <div class="panel panel-default">
    <div class="panel-heading">
      发布新话题
    </div>
    <div class="panel-body">
      <form method="post" accept-charset="UTF-8" action="/topics/new" id="new_topic"
      novalidate="novalidate" class="simple_form form">
        <input type="hidden" value="✓" name="utf8">
        {{ xsrf_form_html() }}
        <div class="form-group">
          <div class="input-group">
            <span class="node-select input-group-btn">
              <select id="topic_node_id" name="node_id" class="show-menu-arrow"
              data-live-search="true" data-width="140px" style="display: none;">
                <option value="">
                  选择节点
                </option>
                <optgroup label="Ruby">
                  <option value="52">
                    新手问题
                  </option>
                  <option value="2">
                    Rails
                  </option>
                  <option value="3">
                    Gem
                  </option>
                  <option value="44">
                    部署
                  </option>
                  <option value="1">
                    Ruby
                  </option>
                  <option value="29">
                    重构
                  </option>
                  <option value="37">
                    Testing
                  </option>
                  <option value="43">
                    Sinatra
                  </option>
                  <option value="47">
                    开源项目
                  </option>
                  <option value="66">
                    mRuby
                  </option>
                  <option value="54">
                    JRuby
                  </option>
                  <option value="45">
                    RVM/Rbenv
                  </option>
                </optgroup>
                <optgroup label="Front-End">
                  <option value="41">
                    CSS
                  </option>
                  <option value="71">
                    AngularJS
                  </option>
                  <option value="72">
                    ReactJS
                  </option>
                  <option value="73">
                    EmberJS
                  </option>
                  <option value="5">
                    JavaScript
                  </option>
                </optgroup>
                <optgroup label="Back-End">
                  <option value="10">
                    Redis
                  </option>
                  <option value="11">
                    Git
                  </option>
                  <option value="12">
                    Database
                  </option>
                  <option value="17">
                    Linux
                  </option>
                  <option value="18">
                    Nginx
                  </option>
                  <option value="39">
                    搜索分词
                  </option>
                  <option value="40">
                    算法
                  </option>
                  <option value="46">
                    Mailer
                  </option>
                  <option value="55">
                    运维
                  </option>
                  <option value="60">
                    安全
                  </option>
                  <option value="20">
                    云服务
                  </option>
                  <option value="9">
                    MongoDB
                  </option>
                </optgroup>
                <optgroup label="Mobile">
                  <option value="32">
                    iOS
                  </option>
                  <option value="33">
                    Android
                  </option>
                  <option value="74">
                    RubyMotion
                  </option>
                </optgroup>
                <optgroup label="分享">
                  <option value="25">
                    招聘
                  </option>
                  <option value="26">
                    分享
                  </option>
                  <option value="27">
                    瞎扯淡
                  </option>
                  <option value="24">
                    工具控
                  </option>
                  <option value="63">
                    健康
                  </option>
                  <option value="64">
                    求职
                  </option>
                  <option value="30">
                    产品控
                  </option>
                  <option value="38">
                    书籍
                  </option>
                  <option value="42">
                    Mac
                  </option>
                  <option value="50">
                    插画 / 设计
                  </option>
                  <option value="53">
                    数学
                  </option>
                  <option value="56">
                    创业
                  </option>
                  <option value="62">
                    移民
                  </option>
                  <option value="68">
                    翻译
                  </option>
                  <option value="69">
                    产品推广
                  </option>
                  <option value="28">
                    其他
                  </option>
                </optgroup>
                <optgroup label="Languages">
                  <option value="4">
                    Python
                  </option>
                  <option value="70">
                    Rust
                  </option>
                  <option value="34">
                    Go
                  </option>
                  <option value="75">
                    Node.js
                  </option>
                  <option value="48">
                    Obj-C
                  </option>
                  <option value="58">
                    Clojure
                  </option>
                  <option value="59">
                    Haskell
                  </option>
                  <option value="67">
                    Swift
                  </option>
                  <option value="35">
                    Erlang/Elixir
                  </option>
                </optgroup>
                <optgroup label="Ruby China">
                  <option value="21">
                    公告
                  </option>
                  <option value="22">
                    反馈
                  </option>
                  <option value="23">
                    社区开发
                  </option>
                </optgroup>
                <optgroup label="活动">
                  <option value="31">
                    RubyTuesday
                  </option>
                  <option value="51">
                    RubyConf
                  </option>
                  <option value="57">
                    线下活动
                  </option>
                </optgroup>
              </select>
              <div class="btn-group bootstrap-select show-menu-arrow" style="width: 140px;">
                <button data-toggle="dropdown" class="btn dropdown-toggle selectpicker btn-default"
                type="button" data-id="topic_node_id" title="选择节点">
                  <span class="filter-option pull-left">
                    选择节点
                  </span>
                  &nbsp;
                  <span class="caret">
                  </span>
                </button>
                <div class="dropdown-menu open">
                  <div class="bs-searchbox">
                    <input type="text" autocomplete="off" class="input-block-level form-control">
                  </div>
                  <ul role="menu" class="dropdown-menu inner selectpicker">
                    <li data-original-index="0" class="selected">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;选择节点&lt;/span&gt;"
                      class="" tabindex="0">
                        <span class="text">
                          选择节点
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="null" class="divider">
                    </li>
                    <li data-original-index="null" class="dropdown-header">
                      <span class="text">
                        Ruby
                      </span>
                    </li>
                    <li data-original-index="1">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;新手问题&lt;/span&gt;"
                      data-optgroup="1" class="opt " tabindex="0">
                        <span class="text">
                          新手问题
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="2">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;Rails&lt;/span&gt;"
                      data-optgroup="1" class="opt " tabindex="0">
                        <span class="text">
                          Rails
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="3">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;Gem&lt;/span&gt;"
                      data-optgroup="1" class="opt " tabindex="0">
                        <span class="text">
                          Gem
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="4">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;部署&lt;/span&gt;"
                      data-optgroup="1" class="opt " tabindex="0">
                        <span class="text">
                          部署
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="5">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;Ruby&lt;/span&gt;"
                      data-optgroup="1" class="opt " tabindex="0">
                        <span class="text">
                          Ruby
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="6">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;重构&lt;/span&gt;"
                      data-optgroup="1" class="opt " tabindex="0">
                        <span class="text">
                          重构
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="7">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;Testing&lt;/span&gt;"
                      data-optgroup="1" class="opt " tabindex="0">
                        <span class="text">
                          Testing
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="8">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;Sinatra&lt;/span&gt;"
                      data-optgroup="1" class="opt " tabindex="0">
                        <span class="text">
                          Sinatra
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="9">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;开源项目&lt;/span&gt;"
                      data-optgroup="1" class="opt " tabindex="0">
                        <span class="text">
                          开源项目
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="10">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;mRuby&lt;/span&gt;"
                      data-optgroup="1" class="opt " tabindex="0">
                        <span class="text">
                          mRuby
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="11">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;JRuby&lt;/span&gt;"
                      data-optgroup="1" class="opt " tabindex="0">
                        <span class="text">
                          JRuby
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="12">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;RVM/Rbenv&lt;/span&gt;"
                      data-optgroup="1" class="opt " tabindex="0">
                        <span class="text">
                          RVM/Rbenv
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="null" class="divider">
                    </li>
                    <li data-original-index="null" class="dropdown-header">
                      <span class="text">
                        Front-End
                      </span>
                    </li>
                    <li data-original-index="13">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;CSS&lt;/span&gt;"
                      data-optgroup="2" class="opt " tabindex="0">
                        <span class="text">
                          CSS
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="14">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;AngularJS&lt;/span&gt;"
                      data-optgroup="2" class="opt " tabindex="0">
                        <span class="text">
                          AngularJS
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="15">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;ReactJS&lt;/span&gt;"
                      data-optgroup="2" class="opt " tabindex="0">
                        <span class="text">
                          ReactJS
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="16">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;EmberJS&lt;/span&gt;"
                      data-optgroup="2" class="opt " tabindex="0">
                        <span class="text">
                          EmberJS
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="17">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;JavaScript&lt;/span&gt;"
                      data-optgroup="2" class="opt " tabindex="0">
                        <span class="text">
                          JavaScript
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="null" class="divider">
                    </li>
                    <li data-original-index="null" class="dropdown-header">
                      <span class="text">
                        Back-End
                      </span>
                    </li>
                    <li data-original-index="18">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;Redis&lt;/span&gt;"
                      data-optgroup="3" class="opt " tabindex="0">
                        <span class="text">
                          Redis
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="19">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;Git&lt;/span&gt;"
                      data-optgroup="3" class="opt " tabindex="0">
                        <span class="text">
                          Git
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="20">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;Database&lt;/span&gt;"
                      data-optgroup="3" class="opt " tabindex="0">
                        <span class="text">
                          Database
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="21">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;Linux&lt;/span&gt;"
                      data-optgroup="3" class="opt " tabindex="0">
                        <span class="text">
                          Linux
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="22">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;Nginx&lt;/span&gt;"
                      data-optgroup="3" class="opt " tabindex="0">
                        <span class="text">
                          Nginx
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="23">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;搜索分词&lt;/span&gt;"
                      data-optgroup="3" class="opt " tabindex="0">
                        <span class="text">
                          搜索分词
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="24">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;算法&lt;/span&gt;"
                      data-optgroup="3" class="opt " tabindex="0">
                        <span class="text">
                          算法
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="25">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;Mailer&lt;/span&gt;"
                      data-optgroup="3" class="opt " tabindex="0">
                        <span class="text">
                          Mailer
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="26">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;运维&lt;/span&gt;"
                      data-optgroup="3" class="opt " tabindex="0">
                        <span class="text">
                          运维
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="27">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;安全&lt;/span&gt;"
                      data-optgroup="3" class="opt " tabindex="0">
                        <span class="text">
                          安全
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="28">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;云服务&lt;/span&gt;"
                      data-optgroup="3" class="opt " tabindex="0">
                        <span class="text">
                          云服务
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="29">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;MongoDB&lt;/span&gt;"
                      data-optgroup="3" class="opt " tabindex="0">
                        <span class="text">
                          MongoDB
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="null" class="divider">
                    </li>
                    <li data-original-index="null" class="dropdown-header">
                      <span class="text">
                        Mobile
                      </span>
                    </li>
                    <li data-original-index="30">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;iOS&lt;/span&gt;"
                      data-optgroup="4" class="opt " tabindex="0">
                        <span class="text">
                          iOS
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="31">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;Android&lt;/span&gt;"
                      data-optgroup="4" class="opt " tabindex="0">
                        <span class="text">
                          Android
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="32">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;RubyMotion&lt;/span&gt;"
                      data-optgroup="4" class="opt " tabindex="0">
                        <span class="text">
                          RubyMotion
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="null" class="divider">
                    </li>
                    <li data-original-index="null" class="dropdown-header">
                      <span class="text">
                        分享
                      </span>
                    </li>
                    <li data-original-index="33">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;招聘&lt;/span&gt;"
                      data-optgroup="5" class="opt " tabindex="0">
                        <span class="text">
                          招聘
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="34">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;分享&lt;/span&gt;"
                      data-optgroup="5" class="opt " tabindex="0">
                        <span class="text">
                          分享
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="35">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;瞎扯淡&lt;/span&gt;"
                      data-optgroup="5" class="opt " tabindex="0">
                        <span class="text">
                          瞎扯淡
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="36">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;工具控&lt;/span&gt;"
                      data-optgroup="5" class="opt " tabindex="0">
                        <span class="text">
                          工具控
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="37">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;健康&lt;/span&gt;"
                      data-optgroup="5" class="opt " tabindex="0">
                        <span class="text">
                          健康
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="38">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;求职&lt;/span&gt;"
                      data-optgroup="5" class="opt " tabindex="0">
                        <span class="text">
                          求职
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="39">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;产品控&lt;/span&gt;"
                      data-optgroup="5" class="opt " tabindex="0">
                        <span class="text">
                          产品控
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="40">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;书籍&lt;/span&gt;"
                      data-optgroup="5" class="opt " tabindex="0">
                        <span class="text">
                          书籍
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="41">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;Mac&lt;/span&gt;"
                      data-optgroup="5" class="opt " tabindex="0">
                        <span class="text">
                          Mac
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="42">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;插画 / 设计&lt;/span&gt;"
                      data-optgroup="5" class="opt " tabindex="0">
                        <span class="text">
                          插画 / 设计
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="43">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;数学&lt;/span&gt;"
                      data-optgroup="5" class="opt " tabindex="0">
                        <span class="text">
                          数学
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="44">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;创业&lt;/span&gt;"
                      data-optgroup="5" class="opt " tabindex="0">
                        <span class="text">
                          创业
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="45">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;移民&lt;/span&gt;"
                      data-optgroup="5" class="opt " tabindex="0">
                        <span class="text">
                          移民
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="46">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;翻译&lt;/span&gt;"
                      data-optgroup="5" class="opt " tabindex="0">
                        <span class="text">
                          翻译
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="47">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;产品推广&lt;/span&gt;"
                      data-optgroup="5" class="opt " tabindex="0">
                        <span class="text">
                          产品推广
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="48">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;其他&lt;/span&gt;"
                      data-optgroup="5" class="opt " tabindex="0">
                        <span class="text">
                          其他
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="null" class="divider">
                    </li>
                    <li data-original-index="null" class="dropdown-header">
                      <span class="text">
                        Languages
                      </span>
                    </li>
                    <li data-original-index="49">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;Python&lt;/span&gt;"
                      data-optgroup="6" class="opt " tabindex="0">
                        <span class="text">
                          Python
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="50">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;Rust&lt;/span&gt;"
                      data-optgroup="6" class="opt " tabindex="0">
                        <span class="text">
                          Rust
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="51">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;Go&lt;/span&gt;"
                      data-optgroup="6" class="opt " tabindex="0">
                        <span class="text">
                          Go
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="52">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;Node.js&lt;/span&gt;"
                      data-optgroup="6" class="opt " tabindex="0">
                        <span class="text">
                          Node.js
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="53">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;Obj-C&lt;/span&gt;"
                      data-optgroup="6" class="opt " tabindex="0">
                        <span class="text">
                          Obj-C
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="54">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;Clojure&lt;/span&gt;"
                      data-optgroup="6" class="opt " tabindex="0">
                        <span class="text">
                          Clojure
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="55">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;Haskell&lt;/span&gt;"
                      data-optgroup="6" class="opt " tabindex="0">
                        <span class="text">
                          Haskell
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="56">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;Swift&lt;/span&gt;"
                      data-optgroup="6" class="opt " tabindex="0">
                        <span class="text">
                          Swift
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="57">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;Erlang/Elixir&lt;/span&gt;"
                      data-optgroup="6" class="opt " tabindex="0">
                        <span class="text">
                          Erlang/Elixir
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="null" class="divider">
                    </li>
                    <li data-original-index="null" class="dropdown-header">
                      <span class="text">
                        Ruby China
                      </span>
                    </li>
                    <li data-original-index="58">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;公告&lt;/span&gt;"
                      data-optgroup="7" class="opt " tabindex="0">
                        <span class="text">
                          公告
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="59">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;反馈&lt;/span&gt;"
                      data-optgroup="7" class="opt " tabindex="0">
                        <span class="text">
                          反馈
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="60">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;社区开发&lt;/span&gt;"
                      data-optgroup="7" class="opt " tabindex="0">
                        <span class="text">
                          社区开发
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="null" class="divider">
                    </li>
                    <li data-original-index="null" class="dropdown-header">
                      <span class="text">
                        活动
                      </span>
                    </li>
                    <li data-original-index="61">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;RubyTuesday&lt;/span&gt;"
                      data-optgroup="8" class="opt " tabindex="0">
                        <span class="text">
                          RubyTuesday
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="62">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;RubyConf&lt;/span&gt;"
                      data-optgroup="8" class="opt " tabindex="0">
                        <span class="text">
                          RubyConf
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                    <li data-original-index="63">
                      <a data-normalized-text="&lt;span class=&quot;text&quot;&gt;线下活动&lt;/span&gt;"
                      data-optgroup="8" class="opt " tabindex="0">
                        <span class="text">
                          线下活动
                        </span>
                        <span class="glyphicon glyphicon-ok check-mark">
                        </span>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
            </span>
            <input type="text" id="topic_title" name="title" placeholder="在这里填写标题"
            class="form-control">
          </div>
        </div>
        <div class="editor-toolbar">
          <div class="opts pull-right">
            <span id="editor-toolbar-insert-code" class="dropdown dropdown-small">
              <a title="插入代码" data-toggle="dropdown" href="#editor-toolbar-insert-code">
                <i class="fa fa-code">
                </i>
              </a>
              <ul role="menu" class="dropdown-menu insert-codes">
                <li>
                  <a href="#" data-lang="ruby">
                    Ruby
                  </a>
                </li>
                <li>
                  <a href="#" data-lang="erb">
                    HTML / ERB
                  </a>
                </li>
                <li>
                  <a href="#" data-lang="scss">
                    CSS / SCSS
                  </a>
                </li>
                <li>
                  <a href="#" data-lang="js">
                    JavaScript
                  </a>
                </li>
                <li>
                  <a href="#" data-lang="yml">
                    YAML
                    <i>
                      (.yml)
                    </i>
                  </a>
                </li>
                <li>
                  <a href="#" data-lang="coffee">
                    CoffeeScript
                  </a>
                </li>
                <li>
                  <a href="#" data-lang="conf">
                    Nginx / Redis
                    <i>
                      (.conf)
                    </i>
                  </a>
                </li>
                <li>
                  <a href="#" data-lang="python">
                    Python
                  </a>
                </li>
                <li>
                  <a href="#" data-lang="php">
                    PHP
                  </a>
                </li>
                <li>
                  <a href="#" data-lang="java">
                    Java
                  </a>
                </li>
                <li>
                  <a href="#" data-lang="erlang">
                    Erlang
                  </a>
                </li>
                <li>
                  <a href="#" data-lang="shell">
                    Shell / Bash
                  </a>
                </li>
              </ul>
            </span>
            <a href="#" title="" rel="twipsy" id="topic-upload-image" data-original-title="上传图片">
              <i class="fa fa-fa fa-image">
              </i>
            </a>
          </div>
          <ul style="clear:none;" class="nav nav-pills">
            <li class="edit active">
              <a href="#">
                编辑
              </a>
            </li>
            <li class="preview">
              <a href="#">
                预览
              </a>
            </li>
          </ul>
        </div>
        <div class="form-group">
          <div class="topic-editor-dropzone dz-clickable">
            <textarea id="topic_body" name="body" rows="20" class="topic-editor form-control closewarning"
            style="height: 417px;">
            </textarea>
          </div>
          <div id="preview" class="markdown form-control" style="display: none;">
          </div>
        </div>
        <div class="form-group">
          <input type="submit" data-disable-with="正在保存" class="btn btn-primary col-xs-2"
          value="保存" name="commit">
          <div class="pull-right">
            <a target="_blank" href="/markdown">
              <i class="fa fa-tip">
              </i>
              排版说明
            </a>
          </div>
        </div>
      </form>
    </div>
  </div>
</div>

{% endblock %}